

<template>
  <div class="h100 scroll rel bg-white">
    <van-switch
      style="right:15px;top:25px;z-index:9;"
      :class="checked?'switch switch-on abs':'switch abs'"
      v-model="checked"
      slot="right-icon"
      active-color="#07c160"
      size="24"
    />
    <mu-card style="box-shadow:none;">
      <mu-card-media :title="checked?datas.name+'（营业中）':datas.name+'（已打样）'" :sub-title="datas.address">
        <img src="../../../static/img/temp/shop.jpg">
      </mu-card-media>
      <mu-card-title title="商铺简介" :sub-title="'营业时间：'+datas.doBusinessTime"></mu-card-title>
      <mu-card-text class="c666">
        <p>{{datas.descr}}</p>
        <br>
        <br>
        <br>
        <br>
      </mu-card-text>
    </mu-card>
    <div class="flx" fab large style="bottom: 30px;right:20px;">
      <mu-button fab color="info" @click="$link('./shop_edit')">
        <van-icon size="30" name="edit"/>
      </mu-button>
    </div>
  </div>
</template>

<script>
import { shopInfo } from "@/http/api";
export default {
  data() {
    return {
      checked: true,
      datas: {}
    };
  },

  created() {
    shopInfo().then(res => {
      if (res.code === 200) {
        this.datas = res.result;
      }
    });
  },

  methods: {}
};
</script>
